/**
 * 将登陆的管理员信息展示到index页面
 *      从localStorage中获取登陆者信息，渲染到界面
 */
function adminUserShow() {
    let user = JSON.parse(localStorage.getItem('UserAdmin'))
    // console.log(user);
    $('header img').prop('src', user.userImg)
    $('.uname').html(user.username)
}

/**
 * 退出登录
 *      点击退出，返回到login页面
 */
function backLoginPage() {
    $('.back').click(function () {
        $.ajax({
            type: 'get',
            url: 'http://localhost:8088/api/logout',
            success: function (res) {
                if (res.resultCode == -1) {
                    alert('退出登录失败，请重试！')
                } else {
                    localStorage.removeItem('UserAdmin')
                    location.href = 'login.html'
                }
            }
        })
    })
}

/**
 * 菜单列表效果
 *      点击菜单列表，列表收起或展开
 *      点击某项，该项设置被选中样式，并把文字追加到首页之后
 */
function menuListAction() {
    //菜单收起展开
    $('.left h3').click(function () {
        $(this).next().slideToggle(300, 'linear')
    })
    //点击菜单改变样式
    $('li').on('click', function () {
        $('.right div').html('首页')
        $('li').removeClass('on')
        $(this).addClass('on')
        // $(this).children().prop('target','tableContent')
        $('.right div').html('首页' + '/' + $(this).html())
    })
}


/**用户列表
 * 请求所有用户信息，渲染到表格
 */
function allUserTable() {
    //发送请求得到数据
    $.ajax({
        type: 'get',
        url: 'http://localhost:8088/api/list',
        success: function (res) {
            let userList = res.resultInfo
            // console.log(userList)
            userLlistShow(userList)
            // deleteUser()
        }
    })
}

function userLlistShow(userList) {
    /**用户管理************************ */
    //传数据给table，加入到aside中
    $('.left').on('click', '.userlist', function () {
        let ustr = template('user-list', {
            ulist: userList
        })
        $('aside').html(ustr)
    })
    //添加用户
    $('.left').on('click', '.adduser', function () {
        let addstr = template('add-user')
        $('aside').html(addstr)
    })
    /**商品管理************************ */
    $('.left').on('click', '.shoplist', function () {
        //商品数组
        let products = [{
                id: 1001,
                name: '我和狗狗活下去',
                picture: './image/shoppingBg_03.jpg',
                price: 28.9,
                num: 1,
                singlePrice: 28.9,
                state: false
            },
            {
                id: 2002,
                name: '灰霾来了怎么办',
                picture: './image/shoppingBg_06.jpg',
                price: 38.9,
                num: 1,
                singlePrice: 38.9,
                state: false //选中状态
            }
        ]
        let shopStr = template('shop-list',{shoplist:products})
        $('aside').html(shopStr)
    })
}
/**
 * 删除按钮的事件
 */
function deleteUser(id) {
    // $('aside table').on('click', '#del', function () {
    // console.log('ddd');
    let isOk = confirm('确定删除吗？')
    if (isOk) {
        // let id = $(this).parent().children().html()

        $.ajax({
            type: 'get',
            url: 'http://localhost:8088/api/delete',
            data: {
                uid: id
            },
            success: function (res) {
                if (res.resultCode == 1) {
                    allUserTable()
                    console.log('??????');
                } else {
                    alert('删除失败！请重试！')
                }
            }
        })
    }


}

/**
 * 添加用户事件
 */
//名称非空验证
function nameNoEmpty() {
    if (!$('input[name="bookname"]').val()) {
        $('.bookname+span').html('姓名不能为空！')
    } else {
        $('.bookname+span').html('')
    }
}
//价格非空验证
function ageNoEmpty() {
    if (!$('input[name="bookprice"]').val()) {
        $('.bookprice+span').html('年龄不能为空！')
    } else {
        $('.bookprice+span').html('')
    }
}
//图片地址非空验证
function imgUrlEmpty() {
    if (!$('input[name="bookpicture"]').val()) {
        $('.bookpicture+span').html('头像地址不能为空！')
    } else {
        $('.bookpicture+span').html('')
    }
}
//提交按钮   
function addProduct() {
    let name = $('input[name="bookname"]')
    let price = $('input[name="bookprice"]')
    let pictureUrl = $('input[name="bookpicture"]')
    if (!name.val() || !price.val() || !pictureUrl.val()) {
        alert('姓名、年龄、头像地址都不能为空！')
    } else {
        $('.book-add-wrapper').before($('<div>').text('姓名：' + name.val() + '年龄:' + price.val()))
        name.val('')
        price.val('')
        pictureUrl.val('')
    }
}


/**商品管理******************************************************** */













/**
 * 生成x~y之间的随机数
 * @param {*} x
 * @param {*} y
 * @returns
 */
function getRandom(x, y) {
    // 保证m是最小值,n是最大值
    var n = Math.max(x, y) // 80
    var m = Math.min(x, y) // 50
    return Math.floor(Math.random() * (n - m)) + m
}


allUserTable()
adminUserShow()
backLoginPage()
menuListAction()